.p24 {
	padding: 24px;
}
.max-w300 {
	max-width: 300px;
}
.p0 {
	padding: 0 !important;
}
.db {
	display: block;
}
.w360 {
	width: 360px !important;
}
.vul-temp-form {
	:global {
		.ant-form-item-has-error .ant-form-item-control-input-content > * {
			> input {
				border-color: #f04038 !important;
			}
		}
	}
}
.item {
	margin-right: 10px;
}
.h24 {
	margin-top: 5px;
}
.ml24 {
	margin-left: 24px;
}
.small-table {
	:global {
		.ant-table-thead > tr > th,
		.ant-table-tbody > tr > td {
			padding: 12px !important;
			max-width: 140px !important;
			min-width: auto !important;
		}
		.ant-table-tbody > tr:last-child > td {
			border-bottom: none !important;
		}
	}
}
.textarea {
	border: 1px solid #e6eaef !important;
	min-height: 72px !important;
}
.w824 {
	width: 824px !important;
}
.w70p {
	width: 70% !important;
}
.w30p {
	width: 30% !important;
}
.moduleDialog2 {
	width: 55vw !important;
	top: 7vh !important;
	.content2 {
		height: 50vh;
	}
	.diaTab {
		border: 1px solid #e8e8e8;
		td {
			padding: 0.5rem 1rem;
			border: 1px solid #e8e8e8;
		}
		.keyTd {
			width: 6rem;
			white-space: nowrap;
		}
		.keyDet {
			padding: 0 !important;
		}
		.detailTD {
			height: 400px;
			overflow-y: auto;
			.detailP {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				padding: 0.5rem 0;
				border-bottom: 1px solid #e8e8e8;
			}
			.detailD {
				display: flex;
				flex-wrap: wrap;
				height: 10rem;
				overflow: auto;
				align-content: flex-start;
			}
			.detailSpan {
				height: 40px;
				width: 50%;
				padding: 0.5rem;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				border-bottom: 1px solid #e8e8e8;
				&:nth-child(2n-1) {
					border-right: 1px solid #e8e8e8;
				}
			}
		}
	}
}
.w840 {
	width: 840px !important;
}
:global {
	input[type='text']::placeholder,
	textarea::placeholder,
	.ant-select-selection-placeholder {
		color: #ccc !important;
	}
}
.w240 {
	width: 240px;
}
